<template>
	<view class="page">
		<uni-nav-bar :border="false" dark fixed="true" background-color="#007AFF" title="首页" />
		<view class="welcome-section">
			<image class="logo" src="/static/图层 3@2x.png"></image>
			<text class="welcome-text">{{shop.name}}，欢迎您</text>
		</view>
		<uni-card style="top: -100rpx;">
			<view class="function-section">
				<navigator url="/packageRepair/pages/ORCodeScan/ORCodeScan" class="function-item">
					<image src="/static/扫码@2x.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
					<text class="function-text">扫码核销</text>
				</navigator>
				<navigator url="/packageRepair/pages/ORCodeNumber/ORCodeNumber" class="function-item">
					<image src="/static/输入2@2x.png" style="width: 80rpx;height: 80rpx;" mode=""></image>
					<text class="function-text">输入核销码</text>
				</navigator>
			</view>
		</uni-card>
		<uni-card style="top: -100rpx;">
			<view class="list">
				<navigator class="listItems" url="/packageBusinessStatistics/pages/statistics/statistics">
					<view class="menu" style="background-color: #00C3FF;">
						<image src="/static/统计@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<view class="listItems-text">
						经营统计
					</view>
				</navigator>
				<navigator url="/pagesverification/pages/verificationRecord/verificationRecord" class="listItems">
					<view class="menu" style="background-color: #FF9347;">
						<image src="/static/核销记录 (1)@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<view class="listItems-text">
						核销记录
					</view>
				</navigator>
				<navigator url="/pagesIncomeDetails/pages/iaed/iaed" class="listItems">
					<view class="menu" style="background-color: #73ACFF;">
						<image src="/static/123收支明细@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<view class="listItems-text">
						收支明细
					</view>
				</navigator>
				<navigator url="/pacakageOrder/pages/merchantOrderist/merchantOrderist" class="listItems">
					<view class="menu" style="background-color: #FFC800;">
						<image src="/static/订单管理@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<uni-badge class="uni-badge-left-margin" :text="12" absolute="rightBottom" :offset="[-2, 26]"
						size="small">
						<view class="listItems-text">
							订单管理
						</view>
					</uni-badge>
				</navigator>
				<navigator url="/packgeCoupons/cardCoupons/cardCoupons" class="listItems">
					<view class="menu" style="background-color: #6AA5FF;">
						<image src="/static/卡券@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<view class="listItems-text">
						卡券管理
					</view>
				</navigator>
				<navigator url="/packageRepair/pages/maintenanceTask/maintenanceTask" class="listItems">
					<view class="menu" style="background-color: #00DD9A;">
						<image src="/static/维修@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<uni-badge class="uni-badge-left-margin" :text="12" absolute="rightBottom" :offset="[-2, 26]"
						size="small">
						<view class="listItems-text">
							维修任务
						</view>
					</uni-badge>
				</navigator>
				<navigator url="/pacakgeBase/evaluationManagement/evaluationManagement" class="listItems">
					<view class="menu" style="background-color: #FE6160;">
						<image src="/static/评价管理@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<view class="listItems-text">
						评价管理
					</view>
				</navigator>
				<navigator url="/packgeBusinessInformation/merchantInformation/merchantInformation" class="listItems">
					<view class="menu" style="background-color: #1CC6FF;">
						<image src="/static/资料库@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<view class="listItems-text">
						商户资料
					</view>
				</navigator>
				<navigator url="/packgeEvents/eventRelease/eventRelease" class="listItems">
					<view class="menu" style="background-color: #FFA251;">
						<image src="/static/活动@2x.png" style="width: 55rpx;height: 55rpx;" mode=""></image>
					</view>
					<view class="listItems-text">
						活动发布
					</view>
				</navigator>
			</view>
		</uni-card>
		<uni-card style="top: -100rpx;">
			<view class="notice">
				<image style="width: 35rpx;height: 35rpx;margin-right: 10rpx;margin-top: 7rpx;"
					src="/static/消息-信息@2x.png" mode="">
				</image>
				<view style="font-weight: bold;">最新通知</view>
				<view class="" style="font-size: 16rpx; color:red;margin-left: auto;">
					今日需上门取车任务共32单
				</view>
				<uni-icons type="right" size="15" color="red"></uni-icons>
			</view>
			<view class="parent-view">
				<view class="" style="">用户</view>
				<view class="">服务项目</view>
				<view class="">时间</view>
			</view>
			<view class="">
				<view class="parent-view">
					<view>张先生</view>
					<view>汽车美容、基础保养456456</view>
					<view>2022-03-10 11：09</view>
				</view>
				<view class="parent-view">
					<view>张先生</view>
					<view>汽车美容、基础保养</view>
					<view>2022-03-10 11：09</view>
				</view>
				<view class="parent-view">
					<view>张先生</view>
					<view>汽车美容、基础保养</view>
					<view>2022-03-10 11：09</view>
				</view>
				<view class="parent-view">
					<view>张先生</view>
					<view>汽车美容、基础保养123123</view>
					<view>2022-03-10 11：09</view>
				</view>
			</view>
		</uni-card>
	</view>
</template>
<script>
import {listShop}  from "@/api/shop/shop.js";
import {getShopData,getH5ShopData}  from "@/api/token.js";
	export default {
		data() {
			return {
				shop:null
			}
		},
		onLoad() {
			
			this.shop=getApp().globalData.shop;
			console.log("接收到全局数据shop",this.shop);
			
			
		},
		methods: {
			
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
			concel() {
				uni.showToast({
					title: `取消成功`
				});
			}
		}
	}
</script>
<style>
	.page {
		background-color: #F7F7F7;
	}

	.welcome-section {
		display: flex;
		width: 100%;
		height: 200rpx;
		padding: 20rpx;
		background-color: #007AFF;
		color: #fff;
		border-top: #007AFF;
		position: relative;
		z-index: 0;
	}

	.logo {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		margin-right: 20rpx;
	}

	.welcome-text {
		font-size: 32rpx;
		margin-top: 30rpx;
	}


	.function-section {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 20rpx;
	}

	.function-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20rpx;
		width: 45%;
	}

	.function-text {
		font-size: 28rpx;
		margin-top: 20rpx;
	}

	.list {
		display: flex;
		flex-wrap: wrap;
	}

	.menu {

		width: 100rpx;
		height: 100rpx;
		border-radius: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.listItems {
		width: 23%;
		margin: 1%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	image {
		width: 100rpx;
		height: 100rpx;
	}

	.listItems-text {
		margin-top: 10rpx;
		font-size: 26rpx;
		color: black;
	}

	.notice {
		display: flex;
		padding-bottom: 10rpx;
		border-bottom: 8rpx solid #F7F7F7;
	}

	.parent-view {
		display: flex;
		justify-content: space-between;
	}

	.parent-view view {
		width: 200rpx;
		text-align: center;
	}
	
	
</style>